<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
   	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
   	xmlns:f="http://xmlns.jcp.org/jsf/core"
   	xmlns:h="http://xmlns.jcp.org/jsf/html"
   	xmlns:p="http://primefaces.org/ui"   
   	xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
<style>
	/*header*/
	a {
		text-decoration: none;
	}

	.searchHeader {
		box-sizing: border-box;
		height: 130px;
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.searchBox {
		width: 500px;
		height: 40px;
		position: relative;
	}
	.searchBox a{
		color: #FFFFFF;
	}
	.searchInput {
		box-sizing: border-box;
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding-left: 10px;
		padding-right: 90px;
	}

	.searchButton {
		display: block;
		width: 80px;
		height: 40px;
		background-color: #0084c5;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
		line-height: 40px;
		letter-spacing: 2px;
		font-size: 18px;
		color: #FFFFFF;
		font-weight: bold;
	}

	a.searchButton:hover {
		background-color: #1D82FE;
	}

	.navigation {
		box-sizing: border-box;
		width: 100%;
		background-color: #0084c5;
		height: 50px;
		line-height: 50px;
		display: flex;
		justify-content: space-around;
		padding: 0 50px;
		font-size:16px;
	}

	.navigation a {
		display: block;
		width: 100%;
		color: #FFFFFF;
		text-align: center;
		transition: all 500ms;
		font-size: 16px;
	}

	.navigation a:hover {
		background-color: #1D82FE;
	}
</style>
	<div class="searchHeader">
		<img src="#{resource['images/logoTitle.png']}" alt="logo"/>
		<div class="searchBox">
			<input class="searchInput" type="text" placeholder="请输入中介名称" />
			<a href="javascript:search();"  class="searchButton">查 询</a>
		</div>
	</div>
	<div class="navigation">
		<a href="/index.xhtml">平台首页</a>
		<p:link outcome="/public/ArticleList.xhtml" value="通知公告">
			<f:param name="categoryId" value="#{articleQueryBean.findCategory('通知公告').id}"></f:param>
		</p:link>
		<p:link outcome="/public/ArticleList.xhtml" value="公示内容">
			<f:param name="categoryId" value="#{articleQueryBean.findCategory('公示内容').id}"></f:param>
		</p:link>
		<a href="/public/BulletinArticleList.xhtml">采购公告</a>
		<a href="/public/PublicityBulletinArticleList.xhtml">中选公示</a>
		<a href="/public/SupplierList.xhtml">机构名录</a>
		<a href="/public/ComplaintNav.xhtml">咨询投诉</a>
		<a href="/public/SupplierList.xhtml">信用监督</a>
	</div>
	<script >
		function search(){
			var param = $(".searchInput").val();
			var href = "/public/SupplierList.xhtml?faces-redirect=true&amp;includeViewParams=true&amp;firstResult=0";
			href += "&amp;cnname="+param;
			window.location.href = href ;
		}
	</script>
</ui:composition>